.expense-detail-header {
  position: relative;
  padding-bottom: 20px;
  line-height: 30px;
  .top-info-name {
    color: #666;
    font-size: 16px;
    font-weight: bolder;
  }
  .detail-info {
    color: #989898;
    margin-left: 10px;
    font-size: 13px;
    .honest-info {
      margin-right: 5px;
      .ant-divider {
        background: $default-color;
      }
    }
  }
  .detail-info-first {
    margin-left: 0;
  }
  .top-info-btn {
    position: absolute!important;
    right: 0;
  }
  .amount {
    font-size: 20px;
    color: #666;
    margin-top: 10px;
    font-weight: bolder;
    margin-right: 10px;
  }
  .personal-payment-amount{
    font-size: 12px;
    color: #00A854;
  }
  .company-payment-amount{
    font-size: 12px;
    color: $default-color;
    margin-left: 10px;
  }
  .link-icon {
    margin-right: 5px;
    font-size: 12px;
    color: $default-color;
  }
  .ant-divider {
    background: #ccc;
  }
  .repayment-all-icon {
    color: rgb(29, 189, 145);
    font-weight: bolder;
    margin-right: 5px;
  }
  .book-date{
    margin-left: 6px;
    cursor: pointer;
    &:hover { color: $default-color; }
  }
  .book-date-spin { display: inline-block; }
}

.honest-view-modal{
  .ant-modal-content{
    .ant-modal-body{
      padding:10px 24px;
    }
  }
}
